import { init } from 'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'

//  1.导入模块
import { styleModule } from 'snabbdom/build/package/modules/style'
import { eventListenersModule } from 'snabbdom/build/package/modules/eventlisteners'
// 2. 注册模块
const patch = init([
  styleModule,
  eventListenersModule
])
// 3.使用h()函数的第二个参数传入模块中使用的数据（对象）
let vnode = h('div', [
  h('h1', {style: { backgroundColor: 'red'}}, 'Hello World'),
  h('p',{on: { click: eventHandler}}, 'hello world')
])

function eventHandler(){
  alert('你好 JS!')
}

// 4. 挂载，渲染
let app = document.querySelector('#app')
patch(app, vnode)